/************* CONTACT MANAGER **************** */

.white-popup-block {
	position: relative;
	background: #FFF;
	padding: 20px;
	width:auto;
	max-width: 800px;
	margin: 20px auto;
}

.column20 {
	margin-bottom: 25px;
}

a.popup-modal-dismiss {
	background-color: #3C3A3B;
	color: white;
	padding: 10px 20px;
	border-radius: 7px;
}

a.popup-modal-dismiss:hover, a.popup-modal-dismiss:focus {
	background-color: #3C3A3B;
}

@media screen and (min-width: 30em) {
	.cm-contacts {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.contact {
	width: 50%;
	margin-bottom: 15px;
}

.contact_img img {
	margin-left: 20px;
	border: 5px solid #62C6C0;
}


}

@media screen and (min-width: 54em) {
	.contact {
	width: 33%;
}


}

@media screen and (min-width: 75em) {
	.contact {
	width: 25%;
}


}

/************* CONTACT US MAP ************ */

.map {
	display : none;
}

@media screen and (min-width: 58em) {
	.map {
	display : block;
	margin: 20px 0 0 20px;
}

.map-link {
	display : none;
}


}

/************* FAQ **************** */

#faqcontainer {
	margin: 20px;
}

#faqcontainer p {
	margin-left : 0px;
	margin-top : 30px;
}

.faq-question {
	font-weight: 600;
	margin-bottom: -20px;
}

.backtotop {
	font-size : .8em;
}

/**************************************
FORMS
************************************** */

.frm-field label {
	position: relative;
	overflow: visible;
	height: auto
}

form {
	margin: 20px 25px;
}

form h2 {
	margin: 20px 0 10px;
}

td {
	padding-top: .4em;
	padding-bottom: .4em;
}

td.label {
	width : 30%;
}

td.label h2 {
	width: 200%;
}

input[type="text"], textarea , select {
	width: 100%;
}

input {
	margin-bottom : 5px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	margin-top: 20px;
}

input[type="checkbox"], input[type="radio"] {
	margin-left: 10px;
}

.g-recaptcha {
	margin-top: 20px;
}

/************** NEWS ********************** */

#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}

.owl-theme .owl-controls .owl-page span {
	background: #700000;
}

.owl-theme .owl-controls .owl-page span {
	opacity: 0.25;
	background: #700000;
}

.fa {
	font-size : 12px;
}

i.fa.fa-angle-double-right {
	font-size: 16px;
}

.owl-pagination {
	display: none;
}

.owl-theme .owl-controls .owl-buttons div {
	color: #000 !important;
	background: #62c6c0 !important;
	opacity: 1 !important;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover, .owl-theme .owl-controls.clickable .owl-buttons div:focus {
	background-color: #000 !important;
	color: #62c6c0 !important;
}

#nt-container {
	text-align : left;
	margin-top : .938em;
}

.readmore-link {
	display: inline-block;
	color: #367a75;
	line-height: 1.2;
}

a.readmore-link:hover, a.readmore-link:focus {
	color: #3d3b3c;
	text-decoration: none;
}

.item {
	margin: 0 20px;
}

.item p {
	margin : 0px;
}

.nt-title {
	font-family: 'Fjalla One', sans-serif;
	color: #3d3b3c;
	font-size: 1.25rem;
	line-height: 1.25;
}

/******************* QUICK LINKS **************** */

.quicklinkscontainer-mobile {
	display : block;
	margin-left: auto;
	margin-right: auto;
	margin-top : -15px;
}

.quicklinks-mobile-title {
	font-size: 1.25rem;
	line-height: 1.1;
	font-family: 'Fjalla One', sans-serif;
	list-style: none;
	padding: 10px 0 5px 20px;
	color: #3d3b3c;
	display: flex;
	align-items: center;
	position: relative;
}

.quicklinks-mobile-title img {
	width: auto;
	margin: -5px 15px 5px 0;
	border: 0;
}

.quicklinks-mobile-title:after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #62c6c0;
	position: absolute;
	left: 0;
	bottom: 0;
}

a.quicklinks-mobile {
	text-decoration: none;
}

a.quicklinks-mobile:hover, a.quicklinks-mobile:focus {
	text-decoration: underline;
}

a.quicklinks-mobile:hover > .quicklinks-mobile-title, a.quicklinks-mobile:focus > .quicklinks-mobile-title {
	background: #ddf3f1;
}

@media screen and (min-width: 48em) {
	.quicklinks-mobile-title {
	padding: 10px 0 0px 20px;
}


}

/***************** SLIDESHOW **************** */

.slider {
	width: 100%;
	margin: auto;
}

.slick-slide {
	margin: 0px;
}

.slick-slide img {
	width: 100%;
}

.slick-prev::before {
	content: '\f0d9';
}

.slick-next::before {
	content: '\f0da';
}

.slick-prev:before,
    .slick-next:before {
	color: white;
	font-size: 45px !important;
	background: rgba(0,0,0,1);
	padding: 0px 10px;
	text-shadow: 2px 2px 5px #000;
}

.slick-next {
	right: 16px !important;
	z-index: 10;
}

.slick-prev {
	left: 0px !important;
	z-index: 10;
}

.slideshow-container {
	display: none;
}

@media screen and (min-width: 48em) {
	.slideshow-container {
	display: block;
	position: relative;
}

img.slideshow-motto {
	position: absolute;
	z-index: 1000;
	right: 60px;
	bottom: 40px;
	width: 20%;
	max-width: 240px;
}


}

/*************** TRUMBA ****************** */

.home-trumba {
	margin: 10px 20px;
}

.main-trumba {
	margin: 20px 30px;
}

/*************** WEB LINKS *************** */

#weblinksimage {
	display: none;
}

@media screen and (min-width: 61.25em) {
	#weblinksimage {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.weblinks-smallview {
	display : none;
}


}

/***************** FACEBOOK WIDGET **************** */

.fb-container {
	display: none;
}

@media screen and (min-width: 48em) {
	.fb-container {
	display: block;
	margin: 20px 10px;
}


}

/***************** BLOG **************** */

.blog-body {
	width: 95%;
	margin: 20px;
}

.blog-title {
	font-size : 1.5em;
	line-height : 1em;
	font-family: 'Roboto', sans-serif;
	font-weight : 400;
	padding : 5px 0;
	margin : 15px 15px;
	color: #000;
	border-bottom: 3px solid #62C6C0;
	width: 95%;
	display: block;
}

a.blog-title {
	text-decoration: none;
}

a.blog-title:visited {
	color: #002060;
}

.blog-date, .blog-readmore, .blog-message {
	margin-left: 20px;
}

.blogsubscribe_email {
	padding-left: 5%;
	margin-top: 1em;
}

.blogsubscribe {
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	margin: 8%;
}

.blogsubscribe_email input[type="text"] {
	width: 90%;
}

.comment input[type=text] {
	width: 80%;
}

.comment textarea {
	height: 6em;
	width: 80%;
}

.comment input.button.comment {
	margin-left: 0;
}

form.commentForm {
	margin-left: 40px;
	margin-top: 1em;
	margin-bottom: 1em;
}

input.button.comment {
	color: #fff;
}


}

